<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>metaphorea - usecases - Bertin's Hotel</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script src="../../libs/javascript-xpath-latest-cmp.js" type="text/javascript"></script>
        <script src="../../src/dbe.js" type="text/javascript"></script>
        <script src="../../src/adapters.js" type="text/javascript"></script>
        <script src="../../src/metaphorea.js" type="text/javascript"></script>
        <style>
            iframe {
                border : 1px solid #888888;
                margin : 4px;
                padding : 4px;
            }
            #targetViewsSpace {clear: both}
            #performance {font-size: small; background-color: #eeeeee; float:left; padding: 8px;}
            table {border:1px solid black; font-size: small;}
            table td {padding-right: 16px;}
            table thead {font-weight: bold;}
            table tr {border-top: 1px solid black}
        </style>
    </head>
    <body>

        <p>
            <a href="http://code.google.com/p/metaphorea/">metaphorea</a>
            / <a href="http://code.google.com/p/metaphorea/wiki/UseCases">usecases</a>
            / <a href="http://code.google.com/p/metaphorea/wiki/BertinHotel">BertinHotel</a>
        </p>
        <h1>Bertin's Hotel</h1>

        <div id="performance">
            <h3>Performance Measures</h3>
            <p>For Safari 4.0.4 (SF) and Firefox 3.5.6 (FF) browsers on a MacBookPro CoreDuo 2.5GHz, OsX 10.6.2).</p>
            <table>
                <thead>
                    <tr><td>dataset size</td><td>load+init time</td><td>interaction response time</td><td>memory footprint</td></tr>
                </thead>
                <tbody>
                    <tr><td>144 items</td><td>SF:1.7s, FF:7.3s</td><td>no interaction</td><td>SF:86MB, FF:130MB</td></tr>
                </tbody>
            </table>
        </div>

        <div id="targetViewsSpace">
        </div>

        <script type="text/javascript">
            // <![CDATA[
            // console.profile();
            $metaphorea.setTarget("targetViewsSpace");
            $metaphorea.setFrameDimensions(400,600);
            $metaphorea.binding("binding.xml");
            // ]]>
        </script>

        <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-2360420-7");
                pageTracker._trackPageview();
            } catch(err) {}
        </script>
    </body>
</html>